// 全局/品牌色
@primary-color : #536dfe;
@primary-color-tap : #0e80d2;
@link-color : #536dfe;
@background-color: #f2f2f2;
@fill-tap: #ddd; // 组件默认背景 - 按下

// 基准值750
@hd: 2px; // 基本单位

// 文字色
@color-text-base: #3f3f3f; // 基本
@color-text-base-inverse: #fff; // 基本 - 反色
@color-text-secondary: #a4a9b0; // 辅助色
@color-text-placeholder: #bbb; // 文本框提示
@color-text-disabled: #bbb; // 失效
@color-text-caption: #888; // 辅助描述
@color-text-paragraph: #333; // 段落
@color-link: @primary-color; // 链接

// 间距
// ---
// 水平间距
@h-spacing-sm: 5 * @hd;
@h-spacing-md: 8 * @hd;
@h-spacing-lg: 15 * @hd;

// 垂直间距
@v-spacing-xs: 3 * @hd;
@v-spacing-sm: 6 * @hd;
@v-spacing-md: 9 * @hd;
@v-spacing-lg: 15 * @hd;
@v-spacing-xl: 21 * @hd;

// 边框色
@border-color-base: rgba(221, 221, 221, .6);

// 字体尺寸
// ---
@font-size-icontext: 10 * @hd;
@font-size-caption-sm: 12 * @hd;
@font-size-base: 14 * @hd;
@font-size-subhead: 15 * @hd;
@font-size-caption: 16 * @hd;
@font-size-heading: 17 * @hd;

// 背景色
@fill-base: #fff; // 组件默认背景
@fill-body: #F2F2F2;                            // 页面背景
@fill-tap: #ddd;                                // 组件默认背景 - 按下
@fill-disabled: #ddd;                           // 通用失效背景
@fill-mask: rgba(0, 0, 0, 0.4);                 // 遮罩背景
@placeholder-base: #bebebe; // placeholder字体色
@fill-overlay-inverse: rgba(58, 58, 58, 0.9);   // 浮层背景 - 反色，用于 toast // deprecated
@toast-fill: @fill-overlay-inverse;

// switch
@switch-fill: #4dd865;
@switch-fill-android: @primary-color;

// 透明度
@opacity-disabled: 0.3; // switch checkbox radio 等组件禁用的透明度

// 圆角
// ---
@radius-xs: 2 * @hd;
@radius-sm: 3 * @hd;
@radius-md: 5 * @hd;
@radius-lg: 7 * @hd;
@radius-circle: 50%;

// 高度
// ---
@line-height-base: 1; // 单行行高
@line-height-paragraph: 1.5; // 多行行高

// 图标尺寸
// ---
@icon-size-xxxs: 14 * @hd; // 小icon图标
@icon-size-xxs: 16 * @hd; // 小icon图标
@icon-size-xs: 18 * @hd;
@icon-size-sm: 21 * @hd;
@icon-size-lg: 36 * @hd;
@icon-size-md: 48 * @hd; // 导航条上的图标、grid的图标大小
@icon-size-big: 55 * @hd; // menu图标大小

// list
@list-title-height: 30 * @hd;
@list-item-height-sm: 35 * @hd; 
@list-item-height: 50 * @hd;
// @list-item-height: 44 * @hd;


// zindex
@toast-zindex: 1999;
@component-zindex: 99; // 组件


// button
@button-height: 47 * @hd;
@button-font-size: 18 * @hd;

@button-height-sm: 30 * @hd;
@button-font-size-sm: 13 * @hd;

@primary-button-fill: @primary-color;
@primary-button-fill-tap: @primary-color;

@ghost-button-color: @primary-color;    // 同时应用于背景、文字颜色、边框色
@ghost-button-fill-tap: fade(@primary-color, 60%);

@warning-button-fill: #e94f4f;
@warning-button-fill-tap: #d24747;

@link-button-fill-tap: #ddd;
@link-button-font-size: 16 * @hd;
